import React, {Component} from 'react';
import './InterfaceList.css';
import Header from '../components/Header'
import { BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import Daily from "../views/Daily/Daily";
import NameCard from "../views/NameCard/NameCard";
import Message from "../views/Message/Message";
import List from "../views/List/List";
import ChatRoom from "../views/ChatRoom/ChatRoom";

class InterfaceList extends Component{
    constructor (props) {
        super(props)
        this.state = {

        }
    }
    render () {
        return (
            <Router>
              <div className="wrap">
                <Header />
                <div className="interFace">
                    <Switch>
                        <Route path="/chatRoom" component={ChatRoom}/>
                        <Route path="/list" component={List}/>
                        <Route path="/message" component={Message}/>
                        <Route path="/daily" component={Daily}/>
                        <Route path="/nameCard" component={NameCard}/>
                    </Switch>
                </div>
              </div>
            </Router>
        )
    }
}

export default InterfaceList
